Skip to content

/ bootstrap

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Normalize: (iOS 7) disabled input fields are translucent #11655

Closed
hojerst opened this issue Nov 30, 2013 · 8 comments
Closed

Normalize: (iOS 7) disabled input fields are translucent #11655

hojerst opened this issue Nov 30, 2013 · 8 comments
Labels
css
Milestone
v3.1.0

Comments

@hojerst
Copy link

@hojerst hojerst commented Nov 30, 2013

In Safari on iOS 7, disabled input fields are transparent (opacity: 0.4). imho the bootstrap normalization should bring this in line with the other browsers and normalize this to "opacity: 1.0"
@mdo

This comment has been minimized.

Sign in to view
Copy link
Member

@mdo mdo commented Nov 30, 2013

Are you referring to Normalize.css? If so, open an issue with them.
@hojerst

This comment has been minimized.

Sign in to view
Copy link
Author

@hojerst hojerst commented Nov 30, 2013

I actually was referring to normalize.css. I didn't know that this is an external component. I've created an issue there.
@hojerst hojerst closed this Nov 30, 2013
@cvrebert

This comment has been minimized.

Sign in to view
Copy link
Member

@cvrebert cvrebert commented Nov 30, 2013

X-Ref: necolas/normalize.css#261
@cvrebert

This comment has been minimized.

Sign in to view
Copy link
Member

@cvrebert cvrebert commented Jan 16, 2014

Reopening, since the Normalize issue was closed as wontfix, to see if we want to normalize this at the Bootstrap level.
@cvrebert cvrebert reopened this Jan 16, 2014
@mdo mdo closed this in 08e83a6 Jan 23, 2014
@mdo mdo mentioned this issue Jan 23, 2014
Closed
@sodevious

This comment has been minimized.

Sign in to view
Copy link

@sodevious sodevious commented Jan 28, 2014

Doesn't the addition of opacity: 1; just reverse the previous declaration of .opacity(.65);?
@cvrebert cvrebert reopened this Jan 28, 2014
mdo added a commit that referenced this issue Jan 30, 2014
@mdo
Follow up to #11655: don't reset opacity on disabled buttons
Loading status checks…
9195d8e
@mdo

This comment has been minimized.

Sign in to view
Copy link
Member

@mdo mdo commented Jan 30, 2014

Truth, we shouldn't reset the buttons. This whole problem sucks in general, so at least we've got it fixed up for form controls. Buttons shouldn't see much of an issue given my quick testing.
@mdo mdo closed this Jan 30, 2014
@kartik-v

This comment has been minimized.

Sign in to view
Copy link

@kartik-v kartik-v commented Feb 17, 2014

I checked that iOS7 Safari now... displays items with opacity: .65 correctly for inputs & buttons. This opacity is good for identifying disabled inputs.

Is the change to opacity: 1.0 still needed?
stempler pushed a commit to stempler/bootstrap that referenced this issue Apr 11, 2014
@mdo
(less) Fix twbs#11655: Fix broken disabled states for iOS form contro…
85e5fcc 
…ls and buttons
stempler pushed a commit to stempler/bootstrap that referenced this issue Apr 11, 2014
@mdo
(less) Follow up to twbs#11655: don't reset opacity on disabled buttons
000fc26
@cvrebert

This comment has been minimized.

Sign in to view
Copy link
Member

@cvrebert cvrebert commented Jun 11, 2014

iOS Safari "quirk" now documented in MDN as part of bs-css-hacks:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#Browser_compatibility
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
@mdo
(less) Fix twbs#11655: Fix broken disabled states for iOS form contro…
d2d3a1f 
…ls and buttons
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
@mdo
(less) Follow up to twbs#11655: don't reset opacity on disabled buttons
32123c4
@cvrebert cvrebert changed the title Normalize: (iOS 7) disabled input fields are transparent Normalize: (iOS 7) disabled input fields are translucent Dec 23, 2014
@twbs twbs locked and limited conversation to collaborators Jan 4, 2015
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
css
Projects
None yet
Milestone
  v3.1.0
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
5 participants
@hojerst @mdo @cvrebert @sodevious @kartik-v
You can’t perform that action at this time.